<template>
	<view class="detailed-wrap">
		<view class="loading-box" v-if="isLoading">
			<u-loading mode="flower"></u-loading>
		</view>
		<view class="content-wrap">
			<view class="title-box">
				<view>{{$t('时间')}}</view>
				<view>{{$t('金额')}}</view>
			</view>
			<view class="content-box">
				<view class="content-item" v-for="item in list">
					<view class="time">{{ item.time }}</view>
					<view class="amount">{{ item.amount }} USDT</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				isLoading: false,
				list: [{
						time: "2023-04-04 12:00:00",
						amount: "47.78",
					},
					{
						time: "2023-04-04 12:00:00",
						amount: "47.78",
					},
					{
						time: "2023-04-04 12:00:00",
						amount: "47.78",
					},
					{
						time: "2023-04-04 12:00:00",
						amount: "47.78",
					},
					{
						time: "2023-04-04 12:00:00",
						amount: "47.78",
					},
					{
						time: "2023-04-04 12:00:00",
						amount: "47.78",
					},
					{
						time: "2023-04-04 12:00:00",
						amount: "47.78",
					},
					{
						time: "2023-04-04 12:00:00",
						amount: "47.78",
					},
					{
						time: "2023-04-04 12:00:00",
						amount: "47.78",
					},
					{
						time: "2023-04-04 12:00:00",
						amount: "47.78",
					},
					{
						time: "2023-04-04 12:00:00",
						amount: "47.78",
					},
				],
			};
		},
		methods: {},
	};
</script>

<style lang="scss">
	.detailed-wrap {
		width: 100%;
		height: 100vh;
		padding: 0 25rpx;
		box-sizing: border-box;
		background-color: $uni-pages-bg-color;

		.title-box {
			width: 100%;
			height: 93rpx;
			box-sizing: border-box;
			border-bottom: 2rpx solid #343547;
			display: flex;
			align-items: center;
			justify-content: space-between;

			view {
				color: $uni-text-color-grey;
				font-size: $uni-font-size-34;
			}
		}

		.content-box {
			width: 100%;
			min-height: 150rpx;
			padding-top: 20rpx;

			.content-item {
				width: 100%;
				display: flex;
				justify-content: space-between;
				align-items: center;
				line-height: 70rpx;
				font-size: $uni-font-size-30;
				font-family: PingFang SC;
				font-weight: 300;

				.time {
					color: $uni-text-color-inverse;
				}

				.amount {
					color: $uni-theme-color;
				}
			}
		}
	}
</style>